<template>
  <div class="left-bar">
    <el-row class="tac">
      <el-col :span="3">
        <el-menu
          default-active="2"
          class="el-menu-vertical-demo"
          background-color="#545c64"
          text-color="#fff"
          active-text-color="#ffd04b"
        >
          <el-submenu index="1">
            <template slot="title">
              <i class="el-icon-location"></i>
              <span>首页</span>
            </template>
          </el-submenu>
          <el-menu-item index="2" @click="jumpHome">
            <i class="el-icon-menu"></i>
            <span slot="title">客户管理</span>
          </el-menu-item>
          <el-menu-item index="3" @click="jumpGendan">
            <i class="el-icon-document"></i>
            <span slot="title">跟单管理</span>
          </el-menu-item>
          <el-menu-item index="4" @click="jumpOrder">
            <i class="el-icon-setting"></i>
            <span slot="title">订单管理</span>
          </el-menu-item>
          <el-menu-item index="5" @click="jumpAgreement">
            <i class="el-icon-tickets"></i>
            <span slot="title">合同管理</span>
          </el-menu-item>
          <el-menu-item index="6" @click="jumpMoney">
            <i class="el-icon-s-finance"></i>
            <span slot="title">财务管理</span>
          </el-menu-item>
          <el-menu-item index="7" @click="jumpCustomerSeas">
            <i class="el-icon-s-custom"></i>
            <span slot="title">客户公海</span>
          </el-menu-item>
          <el-menu-item index="8" @click="jumpGoods">
            <i class="el-icon-takeaway-box"></i>
            <span slot="title">商品进销存</span>
          </el-menu-item>
          <el-menu-item index="9" @click="jumpStaff">
            <i class="el-icon-toilet-paper"></i>
            <span slot="title">员工管理</span>
          </el-menu-item>
          <el-menu-item index="10" @click="jumpAddressBook">
            <i class="el-icon-phone-outline"></i>
            <span slot="title">内部通讯录</span>
          </el-menu-item>
          <el-menu-item index="11" @click="jumpData">
            <i class="el-icon-s-promotion"></i>
            <span slot="title">数据统计</span>
          </el-menu-item>
          <el-menu-item index="12" @click="jumpAfterSale">
            <i class="el-icon-headset"></i>
            <span slot="title">售后管理</span>
          </el-menu-item>
          <el-menu-item index="13" @click="jumpACallback">
            <i class="el-icon-delete"></i>
            <span slot="title">回收站</span>
          </el-menu-item>
        </el-menu>
      </el-col>
      <el-col :span="21" class="right">
        <router-view></router-view>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  methods: {
    // 页面跳转
    jumpHome() {
      this.$router.push('/home/userlist');
    },
    jumpGendan() {
      this.$router.push('/gendan/gendanlist');
    },
    jumpOrder() {
      this.$router.push('/order/orderlist');
    },
    jumpAgreement() {
      this.$router.push('/agreement/agreementNext');
    },
    jumpMoney() {
      this.$router.push('/money/incomelist');
    },
    jumpCustomerSeas() {
      this.$router.push('/customerseas/poollist');
    },
    jumpGoods() {
      this.$router.push('/goods/commodity/commodityMsg');
    },
    jumpStaff() {
      this.$router.push('/staff/department-set');
    },
    jumpAddressBook() {
      this.$router.push('/addressbook/phonelist');
    },
    jumpData() {
      this.$router.push('/data/customerProfile');
    },
    jumpAfterSale() {
      this.$router.push('/afterSale');
    },
    jumpACallback() {
      this.$router.push('/callback/deleted');
    },
  },
};
</script>

<style scope lang="scss">
/* .el-menu {
  border-right: 1px solid #c7a8a8 !important;
}
.el-menu.el-menu--horizontal {
  border-bottom: solid 1px #c7a8a8 !important;
} */
.left-bar {
  margin-top: 3px;
  min-width: 1100px;
}
.right {
  height: 728px;
}
.el-col {
  overflow: auto;
}
</style>